<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<!-- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> -->

		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<title>片刻最热</title>
		<script src="../assets/flexible/flexible.debug.js"></script>
		<script src="../assets/flexible/flexible_css.debug.js"></script>
		<link rel="stylesheet" href="../assets/font-awesome-4.7.0/css/font-awesome.css">
		<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
		<link rel="stylesheet" href="../assets/animate/animate.min.css">
		<link rel="stylesheet" href="../css/reset.css">
		<link rel="stylesheet" href="../css/awhile.css">
	</head>

	<body>

		<!-- 头部导航 -->
		<header class="header">
			<div class="tinqi">
				<dl>
					<dt><img src="../images/A-1.png"></dt>
					<dd>
						<h1>PM.</h1></dd>
					<dd>22:10</dd>
				</dl>
			</div>
			<div>
				<a class="navs active" href="#">
					<dl>
						<dt><h1>关注</h1></dt>
						<dd>HOT</dd>
					</dl>
				</a>
				<a class="navs" href="#">
					<dl>
						<dt><h1>片刻</h1></dt>
						<dd>NEW</dd>
					</dl>
				</a>
				
			</div>

			<div class="fa fa-search"></div>
		</header>

   <!-- zong -->
		
         <div class="content">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
	           <nav class="nav">
					<div class="ps">
						<span>推荐聊天室</span>
						<span></span>
						<span>查看全部 ></span>
					</div>
					<div class="chatroom">
						<div class="chatroom1">
							<i class="fa fa-plus-circle"></i>
							<p>创建聊天室</p>
						</div>
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="chatroom2">
										<p>
											<span><img src="../images/A-2.png"></span>
											<span>小刘野</span>
											<span><i class="fa fa-circle"></i>进行中</span>
										</p>
										<p>好久没见来聊吧！</p>
										<p>好久没见来聊吧！</p>
									</div>
								</div>
								
								<div class="swiper-slide">
									<div class="chatroom3">
										<p>
											<span><img src="../images/A-2.png"></span>
											<span>--小刘野</span>
											<span><i class="fa fa-circle"></i>进行中</span>
										</p>
										<i class="fa fa-caret-right">----------</i>

									</div>
								</div>

							</div>

						</div>
					</div>
				</nav>

				<div class="main">
					<div class="dls">
						<dl>
							<dt><img src="../images/A-3.png"></dt>
							<dd>
								<h1>片刻</h1></dd>
							<dd>2017/09/19</dd>
						</dl>
					</div>
					<div class="ps">
						<p>灵感来自毕加索————</p>
					</div>
					<div class="imgs">
						<img src="../images/A-4.png">
					</div>

				</div>

				<main class="sectionMain">

				</main>
		          
			   </div>
		   	<div class="swiper-slide">
				<div class="divss">
					<dl>
						<dd><h1>电台节目</h1></dd>
						<dd>Radio</dd>
					</dl>
					<dl>
						<dd><h1>优质文章</h1></dd>
						<dd>Radio</dd>
					</dl>
					<dl>
						<dd><h1>推荐音乐</h1></dd>
						<dd>Radio</dd>
					</dl>
				</div>

				<div class="main">
					<div class="dls">
						<dl>
							<dt><img src="../images/A-3.png"></dt>
							<dd>
								<h1>片刻</h1></dd>
							<dd>2017/09/19</dd>
						</dl>
					</div>
					<div class="ps">
						<p>灵感来自毕加索————</p>
					</div>
					<div class="imgs">
						<img src="../images/C-1.png">
					</div>

				</div>

				<main class="sectionMain">

				</main>
		          
			   </div>
       </div>
   </div>

</div>
          <!-- di -->
		<div class="divfooter">
			<dl>
				<dt class="fa fa-share-alt-square"></dt>
				<dd>
					<h1>随身听</h1></dd>
				<dd>WAMKLA</dd>
			</dl>
		</div>
		<footer class="footer">
			<a href="awhile.html">
				<dl>
					<dt class="fa fa-university"></dt>
					<dd>首页</dd>
				</dl>
			</a>
			<a href="home page.html">
				<dl>
					<dt class="fa fa-bandcamp"></dt>
					<dd>发现</dd>
				</dl>
			</a>
			<a href="compile+.html">
				<dl class="fa fa-plus-circle">

				</dl>
			</a>
			<a href="livelhood.html">
				<dl>
					<dt class="fa fa-shopping-basket"></dt>
					<dd>生活</dd>
				</dl>
			</a>
			<a href="">
				<dl>
					<dt class="fa fa-user"></dt>
					<dd>我的</dd>
				</dl>
			</a>
		</footer>
		<!-- banner -->

		<!-- xx快报 -->

		<!-- 热卖商品 -->

		<!-- 新品上市 -->

		<!-- 当前用户、回顶部 -->

		<!-- 底部导航 -->

		<script src="../assets/JQ/jquery-3.2.1.min.js"></script>
		<script src="../assets/swiper/js/swiper.min.js"></script>
		<script src='../assets/animate/swiper.animate1.0.2.min.js'></script>
		<script src="../assets/template/artTemplate.js"></script>
		<script src="../js/awhile.js"></script>
		<script type="text/html" id="list_caidan">
			{{each sectionMain as v}}
			<section class="sectdls">
				<dl>
					<dt><img src="{{v.images}}"></dt>
					<dd>
						<h1>{{v.h1s}}</h1></dd>
					<dd>{{v.dds}}</dd>
				</dl>
				<span>
                       {{v.spans}}
                     </span>
			</section>
			<section class="sectps">
				<p>{{v.ps}}</p>
			</section>
			<section class="sectimgs">
				<img src="{{v.imgs}}">
			</section>
			<section class="sectspan">
				<span><i class="fa fa-floppy-o"></i>{{v.spa1}}</span>
				<span><i class="fa fa-commenting-o"></i>{{v.spa2}}</span>
				<span><i class="fa fa-thumbs-up"></i>{{v.spa3}}</span>
			</section>

			{{/each}}
		</script>
	</body>

</html>